<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>budding - Free CSS Template by ZyPOP</title>
<link rel="stylesheet" href="css/styles.css" type="text/css" />
<link rel="stylesheet" href="css/styleLog.css" type="text/css" />
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--
budding, a free CSS web template by ZyPOP (zypopwebtemplates.com/)

Download: http://zypopwebtemplates.com/

License: Creative Commons Attribution
//-->
<meta name="viewport"
	content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
</head>
<body>
	<div id="container">




		<header>

			<div class="width" style="height: 100px">

				<div id="login">
					<button>Login</button>
					&nbsp;&nbsp;
					<button>sign up</button>
				</div>
				<a href="" id="logo"></a>

			</div>
		</header>











		<nav>
			<div class="width">
				<ul>
					<li><a href="index.jsp">Home</a></li>
					<li><a href="tour.jsp">Tour</a></li>
					<li class="end"><a href="contact.jsp">Contact</a></li>
				</ul>
			</div>
		</nav>










		<div id="body" class="width">

			<section id="content">
				<article>

					<h2>Implement the login</h2>

					<form action="loginAction" method="post">
						<div>
							<br> <input type="radio" name="role" value="Student" checked>Student&nbsp;&nbsp;
							<input type="radio" name="role" value="Teacher">Teacher&nbsp;&nbsp;
							<input type="radio" name="role" value="Admin">Admin <br>
						</div>
						<div class="caps">
							<div class="cp">Email address:</div>
							<div class="fv">
							<input type="text" name="username"></div>
							<div id="passl" class="cp">Password:</div>
							<div class="fv">
							<input type="password" name="password"> </div>
						</div>
						<div class="fv">
							<!-- <input type="text" name="username"> <input
								type="password" name="password"> -->
								 <input type="submit"
								value="SIGN IN" id="submitlog">
						</div>
					</form>


				</article>

			</section>

			<aside class="sidebar">
				<ul>
					<li class="bg">
						<h4>About us</h4>
						<ul>
							<li class="text">
								<p style="margin: 0;">
									Aenean nec massa a tortor auctor sodales sed a dolor. Duis
									vitae lorem sem. Proin at velit vel arcu pretium tortor auctor
									sodales sed a dolor. Duis vitae lorem sem. Proin at velit vel
									arcu pretium tortor auctor sodales sed a dolor. Duis vitae
									lorem sem. Proin at velit vel arcu pretium luctus <a href="#"
										class="readmore">Read More &raquo;</a>
								</p>
							</li>
						</ul>
					</li>
				</ul>
			</aside>

			<div class="clear"></div>

		</div>






		<footer>
			<div class="footer-content width">
				<ul>
					<li><h4>Our Group</h4></li>
					<li><a href="#">Cosmas</a></li>
					<li><a href="#">Idex</a></li>

				</ul>

				<ul>
					<li><h4>Our Group</h4></li>
					<li><a href="#">Cosmas</a></li>
					<li><a href="#">Idex</a></li>

				</ul>



				<div class="clear"></div>
			</div>
			<div class="footer-bottom">
				<p>
					&copy; FinalProject.com. <a href="http://idex.com/">Exam
						solutions</a> by Team Cosmas
				</p>
			</div>
		</footer>
	</div>
</body>
</html>